﻿<style type="text/css">
    .auto-style1 {
        width: 400px;
    }

    .easyui-textbox {
        width: 430px;
    }

    .auto-style2 {
        width: 150px;
    }

    .easyui-combobox {
        width: 430px;
    }
</style>
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>字典信息</title>
    <link href="~/css/css_1.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../easyUI/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../easyUI/themes/icon.css">
    <script type="text/javascript" src="../../easyUI/jquery.min.js"></script>
    <script type="text/javascript" src="../../easyUI/jquery.easyui.min.js"></script>
    <script>
        $(function () {
            jiazai();
        })

        function jiazai() {
            $.ajax({
                url: "http://localhost:25744/api/Dictionary",
                type: "get",
                dataType: "json",
                success: function (data1) {
                    var msg = eval(data1);
                    $('#zidian').datagrid('loadData', msg);
                }
            })
        }
    </script>
</head>
<body class="bb1">
    <table class="easyui-datagrid" title="字典显示" data-options="singleSelect:true,collapsible:true,pagination:true,PageSize:10" style="width:80%;height:70%" id="zidian">
        <thead>
            <tr>
                <th data-options="field:'dictionary_Id',width:80,align:'center'">字典编号</th>
                <th data-options="field:'dictionary_Name',width:400,align:'center'">字典名称</th>
                <th data-options="field:'dictionary_Type',width:120,align:'center'">字典类型</th>
        </thead>
    </table>
</body>
</html>
